﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Mobile.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Count
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script type="text/jscript">
    $('#count').live('pagecreate', function () {
        $('#withoutRefresh').live("click",function () {

            $('ul').append('<li>list item</li>');
            $('ul').listview('refresh');

        });
    });
</script>

<div data-role="page" id="count"> 
        <div data-role="header" data-theme="b" data-position="inline">
			COUNT
		</div>

<div data-role="content">
<p>Date :</p> <input type="text" readonly="readonly" value="<%: DateTime.Now.ToShortDateString() %>" />
<p>EMP CODE :</p><input type="text" readonly="readonly" value="TEST" />
</div>
<%--<div data-role="navbar">
    <ul>
        <li><a id="bbb" data-role="button" data-inline="true"  >BACK</a></li>
        <li><a href="#" class="ui-btn-active">NEXT</a></li>
    </ul>
    </div>--%>
     <input type="button" id="withoutRefresh" value="Add without refresh"/>
     <input type="button" id="Button1" value="NEXT" />
        <ul data-role="listview" data-inset="true"></ul>
 </div>
</asp:Content>
